<template>
  <div class="seller">
    <div class="fanhui">
      <i class="iconfont icon-fanhui" @click="backs"></i>
    </div>
    <div class="item">
      <div class="seller_item">
        <i class="iconfont icon-dingwei-copy"></i>
        <span>{{ shopAddress }}</span>
      </div>
      <div class="seller_item">
        <i class="iconfont icon-anquan"></i>
        <span>查看食品安全档案</span>
        <i class="iconfont icon-jinrujiantou"></i>
      </div>
      <div class="seller_item">
        <i class="iconfont icon-huanjing"></i>
        <span>查看商家青山档案</span>
        <i class="iconfont icon-jinrujiantou"></i>
      </div>
    </div>
    <div class="item">
      <div class="seller_item">
        <i class="iconfont icon-shijian"></i>
        <span>配送时间：9:00-21:00</span>
      </div>
    </div>
    <div class="item">
      <div class="seller_item">
        <i class="iconfont icon-right-1"></i>
        <span>商家服务</span>
        <span>订</span>
        <span>跨天预定</span>
        <span>取</span>
        <span>到店自取</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      shopAddress: '',
    };
  },

  created() {
    this.shopAddress = this.$route.query.shopAddress;
  },

  methods: {
    backs() {
      window.sessionStorage.removeItem('activePath');
      this.$router.push('/takeOut');
    },
  },
};
</script>

<style lang="scss" scoped>
.seller {
  background-color: #f3f3f3;
  height: 570px;
  width: 100%;
  position: absolute;
  top: 174px;
  .fanhui {
    .icon-fanhui {
      color: #f9fafa;
      font-size: 25px;
      margin-left: 10px;
      position: absolute;
      top: -230px;
    }
  }
  .item {
    margin-top: 10px;
    background-color: #fefefe;
    .seller_item {
      height: 50px;
      display: flex;
      align-items: center;
      padding: 10px;
      border-bottom: 1px solid #f6f6f6;
      .iconfont {
        color: #a5a5a5;
        font-size: 20px;
        margin-right: 10px;
      }
      .icon-jinrujiantou {
        margin-left: 180px;
      }
    }
  }
}
</style>